(function () {
    // 顶部导航&二级菜单
    $(function () {
        for (let i = 1; i <= 5; i++) {
            $(".topnavright").children().eq(i).on("mouseenter", function (el) {
                $(this).find("span").css({ color: "#ff1e32" })
                $(this).css({ backgroundColor: "#fff" })
                $(this).find(".menu_box").css({ display: "block" })
                $(this).find("i").css({
                    borderColor: "transparent transparent #ff1e32 transparent",
                    top: "9px"
                })
            })
            $(".topnavright").children().eq(i).on("mouseleave", function () {
                $(this).find("span").css({ color: "#999" })
                $(this).css({ backgroundColor: "" })
                $(this).find(".menu_box").css({ display: "none" })
                $(this).find("i").css({
                    borderColor: "#999 transparent transparent  transparent",
                    top: "13px"
                })
            })
        }
        $(".menu_box").children().on("mouseenter", function () {
            $(this).css({
                color: "#ff1e32",
            })
        })
        $(".menu_box").children().on("mouseleave", function () {
            $(this).css({
                color: "#999",
            })
        })
    })

    // big轮播图
    $(function () {
        let index = 0;
        let oLis = $(".section_box").find(".banner_box").children();
        let oA = $(".section_box").find(".img_pagebox").children("span").find("a")
        let timer = setInterval(() => {
            index++
            if (index >= oLis.length) {
                index = 0
            }
            oLis.eq(index).animate({ opacity: 1 }).siblings().animate({ opacity: 0 })
            oA.eq(index).addClass("current").siblings().removeClass("current")
        }, 3000);

        oA.on("click", function () {
            index = $(this).index()
            oLis.eq(index).animate({ opacity: 1 }).siblings().animate({ opacity: 0 })
            oA.eq(index).addClass("current").siblings().removeClass("current")
        })
        $(".control").find(".prev").on("click", function () {
            index--
            if (index < 0) {
                index = oLis.length - 1
            }
            oLis.eq(index).animate({ opacity: 1 }).siblings().animate({ opacity: 0 })
            oA.eq(index).addClass("current").siblings().removeClass("current")
        })
        $(".control").find(".next").on("click", function () {
            index++
            if (index >= oLis.length) {
                index = 0
            }
            oLis.eq(index).animate({ opacity: 1 }).siblings().animate({ opacity: 0 })
            oA.eq(index).addClass("current").siblings().removeClass("current")
        })
        $(".section_box").find(".module").on("mouseover", function () {
            clearInterval(timer)
            $(".control").css("display", "block")
        })
        $(".section_box").find(".module").on("mouseout", function () {
            timer = setInterval(() => {
                index++
                if (index >= oLis.length) {
                    index = 0
                }
                oLis.eq(index).animate({ opacity: 1 }).siblings().animate({ opacity: 0 })
                oA.eq(index).addClass("current").siblings().removeClass("current")
            }, 3000);
            $(".control").css("display", "none")
        })
    })

    // 商品二级菜单
    $(function () {
        $(".catitmlst").children().on("mouseover", function () {
            $(this).find(".ctgcard").css("display", "block")
        })
        $(".catitmlst").children().on("mouseout", function () {
            $(this).find(".ctgcard").css("display", "none")
        })
    })

    // 搜索栏置顶
    $(function () {
        $navtop = $(".docHead_box").find(".docHead").position().top;
        $(window).on("scroll", function () {
            $top = $(window).scrollTop()
            if ($top >= $navtop) {
                $(".indexTopFixed").css({ display: "block" })
            } else {
                $(".indexTopFixed").css({ display: "none" })
            }
        })
    })

    // 两侧导航跟随
    $(function () {
        let $top = $(".rightBarNew").offset().top
        let postop = $(".rightBarNew").position().top
        if ($(window).scrollTop() >= $top) {
            $(".indexleft").stop().animate({ top: $(window).scrollTop() - 120 }, 400);
            $(".rightBarNew").stop().animate({ top: $(window).scrollTop() - 120 }, 400);
        } else {
            $(".indexleft").stop().animate({ top: postop }, 100);
            $(".rightBarNew").stop().animate({ top: postop }, 100);
        }
        $(window).on("scroll", function () {
            if ($(window).scrollTop() >= $top) {
                $(".indexleft").stop().animate({ top: $(window).scrollTop() - 120 }, 400);
                $(".rightBarNew").stop().animate({ top: $(window).scrollTop() - 120 }, 400);
            } else {
                $(".indexleft").stop().animate({ top: postop }, 100);
                $(".rightBarNew").stop().animate({ top: postop }, 100);
            }
        })
    })

    // 返回顶部
    $(function () {
        $(".rightBarNew").find(".srcolltop").on("click", function () {
            $("html,body").animate({ scrollTop: 0 })
        })
    })

    //搭楼层
    $(function () {
        let oLis = $(".indexleft").find(".itm");
        let oDiv = $(".regionflag").find(".productfloor")
        oLis.each(function (index, el) {
            $(el).on("click", function () {
                if (index == 0) {
                    index = 1
                    $("html,body").animate({ scrollTop: oDiv.eq(index).offset().top - 50 })
                } else if (index == 1) {
                    index = 0
                    $("html,body").animate({ scrollTop: oDiv.eq(index).offset().top - 50 })
                } else {
                    $("html,body").animate({ scrollTop: oDiv.eq(index).offset().top - 50 })
                }
            })
        })
    })

    // min轮播图
    $(function () {
        $(".productfloor").each(function (index, el) {
            let tempindex = 0;
            let oLis = $(el).find(".itemgroup");
            let oA = $(el).find(".party").find(".img_pagebox").find("a")
            let timer = setInterval(() => {
                tempindex++
                if (tempindex >= oLis.length) {
                    tempindex = 0
                }
                oLis.eq(tempindex).animate({ opacity: 1 }).siblings().animate({ opacity: 0 })
                oA.eq(tempindex).addClass("current").siblings().removeClass("current")
            }, 3000);
            oA.on("click", function () {
                tempindex = $(this).index()
                oLis.eq(tempindex).animate({ opacity: 1 }).siblings().animate({ opacity: 0 })
                oA.eq(tempindex).addClass("current").siblings().removeClass("current")
            })
            $(".party").find(".prolist").on("mouseover", function () {
                clearInterval(timer)
            })
            $(".party").find(".prolist").on("mouseout", function () {
                timer = setInterval(() => {
                    tempindex++
                    if (tempindex >= oLis.length) {
                        tempindex = 0
                    }
                    oLis.eq(tempindex).animate({ opacity: 1 }).siblings().animate({ opacity: 0 })
                    oA.eq(tempindex).addClass("current").siblings().removeClass("current")
                }, 3000);
            })
        })

    })

    // 登录信息显示及退出登录
    $(function () {
        let user = JSON.parse(localStorage.getItem("user"))
        if (user) {
            $(".topnavleft").children().eq(0).html(user.uphone)
            let str = `<a href="javascript:void(0)">退出</a>`
            $(".topnavleft").children().eq(1).children().html(str)
            $(".topnavleft").children().eq(1).on("click", function (e) {
                localStorage.removeItem("user")
                window.location.reload()
            })
        }
    })

    // 图片延迟加载调用
    $(function () {
        $("img").lazyload({
            // placeholder: "img/grey.gif", //用图片提前占位
            // placeholder,值为某一图片路径.此图片用来占据将要加载的图片的位置,待图片加载时,占位图则会隐藏
            effect: "fadeIn", // 载入使用何种效果
            // effect(特效),值有show(直接显示),fadeIn(淡入),slideDown(下拉)等,常用fadeIn
            threshold: 200, // 提前开始加载
            // threshold,值为数字,代表页面高度.如设置为200,表示滚动条在离目标位置还有200的高度时就开始加载图片,可以做到不让用户察觉
            // event: 'click',  // 事件触发时才加载
            // event,值有click(点击),mouseover(鼠标划过),sporty(运动的),foobar(…).可以实现鼠标莫过或点击图片才开始加载,后两个值未测试…
            // container: $("#container"),  // 对某容器中的图片实现效果
            // container,值为某容器.lazyload默认在拉动浏览器滚动条时生效,这个参数可以让你在拉动某DIV的滚动条时依次加载其中的图片
            failurelimit: 100 // 图片排序混乱时
            // failurelimit,值为数字.lazyload默认在找到第一张不在可见区域里的图片时则不再继续加载,但当HTML容器混乱的时候可能出现可见区域内图片并没加载出来的情况,failurelimit意在加载N张可见区域外的图片,以避免出现这个问题.
        });
    })

    // 查询购物车商品数量
    $(function () {
        try {
            let userphone = JSON.parse(localStorage.getItem("user")).uphone;
            let data = {
                uphone: userphone,
                pname: $(".product-title").children().text(),
                psize: $(".last-skuBox").find(".crt").children().text(),
                pcolor: $(".buyBox").find(".imgbox.crt").attr("data"),
                pprice: $(".price-wrap").find(".currentPrice").attr("data"),
                pnum: $(".buyBox2").find(".num").val(),
                pimg: `./images/chart/comimg${$(".buyBox").find(".imgbox.crt").attr("name")}.jpg`,
                shopname: $(".shopname").find(".name").text()
            }
            // console.log(data);
            $.ajax({
                url: "/chartlist",
                type: "post",
                data,
                dataType: "json",
                success(res) {
                    let num = 0;
                    res.data.forEach(el => {
                        num += Number(el.pnum)
                    });
                    if (num > 0) {
                        $(".shopcart").find(".num").css({
                            display: "inline-block"
                        }).html(num)
                    }
                }
            })
        } catch (error) {
        }
    })
    // git remote add kaola  git@gitee.com:Gui_Yuan_HL/kaola.git
})()